<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>@title@</title>
<link href="styles/main.css" type="text/css" rel="StyleSheet" />
<link href="styles/tab.webfx.css" type="text/css" rel="StyleSheet" />
<script type="text/javascript" src="js/tabpane.js"></script>
<script language=javascript>
function CallPrint(area1, area2){
var prtContent1 = document.getElementById(area1);
var prtContent2 = document.getElementById(area2);
var WinPrint = 
window.open('','','left=1,top=1,width=0,height=0,toolbar=0,scrollbars=0,status=0');
	WinPrint.document.write('');
	WinPrint.document.write('<link href="styles/main.css" type="text/css" rel="StyleSheet" />');
	WinPrint.document.write('<body id="body">');
	WinPrint.document.write('<table width="500"><tr valign="top"><td width="100"><img src="get_img.php?id=@logo@" width="100" /></td><td id="body" width="200" align="right"><font id="italic">@details@</font></td><td id="body" align="right">@admin_name@:<br /><font id="italic"><u>@user_name@</u></font></td></tr>');
	WinPrint.document.write('<table width="90%"><tr valign="top"><td width="50%" id="t_border" align="center">@basic_bill@</td><td id="t_border" width="50%" align="center">@unknown_bill@</td></tr>');
	WinPrint.document.write('<tr valign="top"><td id="t_border">');
	WinPrint.document.write(prtContent1.innerHTML);
	WinPrint.document.write('</td><td id="t_border">');
	WinPrint.document.write(prtContent2.innerHTML);
	WinPrint.document.write('</td></tr></table>');
	WinPrint.document.close();
	WinPrint.focus();
	WinPrint.print();
WinPrint.close();
}
</script>
</head>
<body id="body">
<H1><font color="orange">TrixBi</font>&nbsp;<font color="#959595"><sup>@cap_billing@</sup></font></H1>
	@menu@
	<table width="600">
    		<tr valign="top">
      			<td colspan="2" align="center">
				<b>@bill_cap@</b>
			</td>
    		</tr>
    		<tr valign="top">
      			<td colspan="2">
				@num_tel@: <font id="italic">@tel@</font><br>@subscriber@: <font id="italic">@room@</font><br><font id="italic">@sDate@</font> — <font id="italic">@fDate@</font>
			</td>
    		</tr>
    		<tr valign="top">
      			<td colspan="2">
				<!---->
				<div class="tab-pane" id="tab-pane-1">
				<!---->
				<div class="tab-page" id="usage-page-1">
					<h2 class="tab">@basic_bill@</h2>
						@list@
				</div>
				<div class="tab-page" id="usage-page-2">
					<h2 class="tab">@unknown_bill@</h2>
						@further@
				</div>
				</div>
				</td>
    		</tr>
	   	<tr valign="top">
      			<td colspan="2">
				@admin_name@: <font id="italic">@user_name@</font>
			</td>
    		</tr>
    		<tr>
       			<td colspan="2" align="right">
				<form><input type="button" value="@print@" onClick="CallPrint('usage-page-1', 'usage-page-2')" /></form>
			</td>
    		</tr>
	</table>
</body>
</html>
